理解vue的渲染watch、compute
这篇文章将带大家全面理解vue的渲染watcher、computed和user watcher，其实computed和user watcher都是基于Watcher来实现的，我们通过一个一个功能点去敲代码，让大家全面理解其中的实现原理和核心思想。所以这篇文章将实现以下这些功能点：实现数据响应式基于渲染wather实现首次数据渲染到界面上数据依赖...
2024-01-10
vue怎么写put请求
我是这样写的报错如图求助回答这得看你$http是啥库啊, 比如axios: /** * 重考 * * @param examPaperId * @param studentNo */ examAgain({ examPaperId, studentNo }) { return axios.put('/examInfo/examAgain', { examPaperId, ...
2024-01-10
谷歌Compute Engine的调整大小的启动盘
我只是谷歌计算引擎的文件，在阅读： < < 注：计算引擎正在与相应的操作系统社区和厂商最终将所有的操作系统自动调整根分区。因此，我们建议您偶尔检查以确保操作系统仍然需要执行此步骤，并且随着时间的推移，此步骤将在所有操作系统中完全删除。 >>谷歌Compute Engine的调整大小的启动盘...
2024-01-10
VUE----watch和compute
1.computed:计算属性computed是一个对象，而里面需要计算的属性是一个函数的返回值。计算属性默认只有getter，可以在需要的时候自己设定setter。在data中没有直接声明出要计算的变量，也可以直接在computed中写入。computed适用场景2.computed与methods区别：计算属性是基于它们的响应式依赖进行缓存的。只在...
2024-01-10
vue-router定义元信息meta操作
router/index.jsimport Vue from 'vue'import VueRouter from 'vue-router'import Home from '../views/Home.vue'import Test from '../views/Test.vue'import NotFound from '../views/NotFound.vue'import TestChild from '../views/TestChild.vue'import AView from '../vi...
2024-01-10
Vue关于使用vue-router控制视图渲染的问题。
环境：Vue2.0 + vue-router + element-ui + 新手,思路：想通过正则判断vue-router的$route.path来控制SideBar组件的渲染与否，具体代码如下：App.vue<template> <div id="app"> <div class="warper"> <div class="header"> <TopBar></TopBar> </div> <el-row><el-col :span="2" > ...
2024-01-10
vue-router 路由懒加载
webpack打包会将所有资源文件合并压缩成一个文件，导致最终的文件非常大，甚至超过几M，以致页面首次加载会比较慢，如下图：其中红色标出的是在浏览器中加载的js文件，gzip压缩前已经达到500多KB了。再看看路由按需加载后：文件被拆成一个个小的文件，即webpack的文件分割。这里是以页面为单位...
2024-01-10
Vue --》 如何在vue中调用百度地图
1.项目根目录下下载百度地图插件 npm install vue-baidu-map –save2.在首页index.html中引入百度地图: <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=秘钥"></script> 我申请的**为 ：3bVHdeo2ZZaZO4QczC63d0kMsbA55ZSD3.在显示地图的组件中 template 中： <div class="baidumap" id="a...
2024-01-10
vue-router 基础
安装NPMnpm install vue-router如果在一个模块化工程中使用它，必须要通过 Vue.use() 明确地安装路由功能： import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter)如果使用全局的 script 标签，则无须如此（手动安装）。开始用Vue.js+vue-router创建单页应用，是非常简单的。使用Vue.js,我们已...
2024-01-10
vue-router重定向 不刷新问题
前阵子太忙了，自己一个人一边开发着新项目，一边维护着旧项目，没时间写博客，终于让我腾出时间了。废话少说，开始正文。 问题描述: 之前项目是angular开发的，后来用vue重构后。项目路径和vue路径不一致，但是app端分享出的链接，依旧是旧项目链接。 解决方法： 通过阅读vue-ro...
2024-01-10
怎么排查 Vue-Router 渲染不出来的问题？
问题描述开发环境vue 3.3.4vue-router@4IDE: vs-code 1.80我尝试跟着 vue-router官方教程 做demo, router-link 渲染了, 但是 router-view 没有渲染. 页面和控制台又没报错。试了好多种方法，检查了关键字是否写错，都不行.请大家帮忙看看, thanks!文件列表main.jsimport { createApp } from '...
2024-02-07
vue钩子函数mounted,页面回退时不执行
一、问题描述目前在做一个电商项目，在商品列表list点击item商品的查看详情按钮时，首次进入详情页，页面会进行渲染，钩子会走mounted,但回退之后，再点击其他商品详情，详情页不会进行更新渲染。问题代码如下：商品列表页：商品详情页：二、解决办法将钩子mounted的操作放入钩子activated，...
2024-01-10
vue-router 安装和基本使用
1、安装npm install vue-router --save2、src下创建router文件夹并创建index.js文件 ---- /src/router/index.jsindex.js/* * @Description: web router * @Author: wangwz10@lenovo.com * @LastEditors: wangwz10@lenovo.com * @Date: 2020-05-28 15:48:40 * @LastEditTime: 2021-02-04 10:3...
2024-01-10
vue--vuex详解
Vuex 什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vue...
2024-01-10
【Vue】恳请各位答疑解惑，iview的Anchor锚点组件，无法定位的问题
首先是我如果写静态的页面锚点是没有问题，有问题的是渲染出来的页面数据，锚点的数据也是渲染出来的，然后锚点数据出现以后出现后，点击锚点，页面并不跳转，我找到这样的数据，看数据是因为offset的数据不对，但是这个数据应该不是本地写死的吧，而是根据id的位置判断的吧各位大佬有遇到...
2024-01-10
【Web前端问题】自己编写了一个屏蔽百度推广的chrome插件，但是没效果。
我用javascript写了一个chrome插件，目的是屏蔽百度推广链接部分。如图所示：我的预期是，在刷新页面之后，粉色框推广链接这部分消失。可是使用了插件之后并没有达到预期效果。请问为什么会这样。//插件的javascript部分function no_ads() { var links = document.getElementsByTagName("a"); for(var i = 0; i < link...
2024-01-10
IDEA离线安装maven helper插件的图文教程
使用idea的file-》settings-》plugins安装maven helper插件失败，安装页面总是提示installed，在installed页面却没有，实在没办法决定离线安装。1、打开idea官方插件网站：https://plugins.jetbrains.com/2、搜索maven helper插件：3、选择对应的版本点击下载即可：4、将下载的zip压缩包解压到D:\Program Files\JetBrains\IntelliJ IDE...
2024-01-10
WordPress ThemeREX Addons 插件安全漏洞深度分析
作者：天融信阿尔法实验室 原文链接：https://mp.weixin.qq.com/s/W4PbykSWJ1f1c-loOjrclg0x00 前言ThemeREX是一家专门出售商业WordPress主题的公司。ThemeREX Addons插件为ThemeREX公司开发的预装在所有ThemeREX商业主题中用来帮助其用户设置新站点和控制不同的主题的一款插件。根据相关预测，该插件预装在超过44000个网站...
2024-01-10
【Docker】kvm创建qcow2镜像文件，无法安装系统！
1，kvm创建qcow2磁盘文件，无法安装系统，根据提示应该是磁盘空间为0造成的！2，kvm创建qcow2磁盘文件，有3种方法；a,创建的raw磁盘格式转换为qcow2b,直接创建qcow2安装系统，带有预分配元数据的方式,但是这个不支持快照。qemu-img create -f qcow2 -o preallocation=metadata /data/tomcat_template.img 5G;c，不带有预分配...
2024-01-10
【教程】Chrome 浏览器安装Vue插件方法 (十分详细)
博主最近在研究Vue，无奈新手想安装Chrome的Vue插件，整理下安装流程：1.首先去github下载vue.zip文件插件（还有npm安装方法这里就不介绍了自行百度）下载地址：https://github.com/vuejs/vue-devtools2.下载后解压3.然后通过npm下载相关依赖，可能有些同学没有安装npm，博主也是，这里介绍下安装npm的方法。 从...
2024-01-10
Chrome浏览器安装Vue Devtools插件（附带编译好的工具包）
我们在使用vue开发项目的时候，如果想要更好的审查和调试 vue 应用，可以使用官方推荐的Vue Devtools。但是官方的方法比较麻烦，要使用npm编译，搞不好还会报好多莫名其妙的错误。下面给大家提供一个简便的方法，不会再浪费大家宝贵的时间啦！1.获取Vue Devtools插件我已经将编译好的插件上传到...
2024-01-10如何使用 PowerShell 将 MSI 文件安装到自定义目录？
要使用 PowerShell 将 MSI 文件安装到自定义目录，我们可以使用TARGETDIR、INSTALLDIR、INSTALLPATH等参数作为自定义路径，具体取决于它支持的 MSI 文件。msiexec /i "C:\temp\7z1900-x64.msi" INSTALLDIR="D:\ProgramFiles\7zip" /quiet上面的命令可以在 PowerShell 和 cmd 中运行，但您无法控制等待安装完成的过程。要控制上述命令，...
2024-01-10
vue中使用codemirror
https://blog.csdn.net/oumaharuki/article/details/79268498 别人的记载，写的很不错，还有下载的方法以下是自己使用过的，做出来的例子：做出来的效果图：记住使用之前要npm下载哦 npm install vue-codemirror --savemain.js import { codemirror } from 'vue-codemirror' import 'codemirror/lib/codemirror.css' Vue.use(Vue...
2024-01-10
mac环境下Google Chrome 安装vue插件后图标亮起但控制台无vue的解决方法
重新安装扩展程序后，右上方小图标亮起，但控制台无vue尝试方法：修改manifest.json文件“persistent":true修改后重新加载页面，控制台未出现vue点开自己基于vue开发的项目，发现控制台已经有vue了...
2024-01-10
高性能和可扩展的React-Redux
注意：文章很长，只想了解逻辑而不深入的，可以直接跳到总结部分。初识首先，从它暴露对外的API开始ReactReduxContext/*提供了 React.createContext(null)*/Provider /*一个储存数据的组件，渲染了ContextProvider，内部调用redux中store.subscribe订阅数据，每当redux中的数据变动，比较新值与旧值，判断是否重...
2024-01-10
where和having区别：
where和having区别：having只能用在group by之后，对分组后的结果进行筛选(即使用having的前提条件是分组)。where肯定在group by 之前，即也在having之前。where后的条件表达式里不允许使用聚合函数，而having可以。Where是一个约束声明，在查询数据库的结果返回之前对数据库中的查询条件进行约束，即在结果...
2024-01-10
使用Vue、React和Koa开发个人博客
前言实习了大半年，又临近毕业，一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中： - 后端管理使用Vue开发 - 前端页面使用React服务端渲染框架nextjs - 接口服务使用Koa2 + mongodb + mongoose（使用nodemailer当接口发生500时向我发送邮件通知）项目地址是点我访...
2024-01-10
vue 项目引入echarts 添加点击事件操作
main.js中import echarts from 'echarts'Vue.prototype.$echarts = echartsvue文件中_this.calendarChart=_this.$echarts.init(document.getElementById('earlyWarningCalendar'))_this.calendarChart.on('click',function (param) { console.log(param)}) _this.calendarChart...
2024-01-10
Vue页面切换和a链接的本质区别详解
Vue-router是伴随着Vue框架出现的路由系统，它也是公认的一种优秀的路由解决方案。在使用Vue-router时候，我们常常会使用其自带的路径跳转组件Link,通过<Link to="path"></Link>实现跳转，这和传统的<a href="path" rel="external nofollow" ></a>何其相似！但它们到底有什么具体的区别呢？对比<a>，Link组件避免了不必要...
2024-01-10Vue之Watcher源码解析（1）
上一节最后再次调用了mount函数，我发现竟然跳到了7000多行的那个函数，之前我还说因为声明早了被覆盖，看来我错了！就是这个函数：// Line-7531 Vue$3.prototype.$mount = function(el, hydrating) { el = el && inBrowser ? query(el) : undefined; return mountComponent(this, el, hydrating) };第一步query就不用看了，el此时是一...
2024-01-10vue reactive 中的数据为什么不能等于另外一个？
const data = reactive({ name: {id: 1, title: 'AAAAA'}, new1: data.name, new2: JSON.parse(JSON.stringify(data.name))})data.name 和 JSON.parse(JSON.stringify(data.name)) 都不可以，为什么？只能在 reactiv...
2024-02-07
React 和 vue的区别以及React的环境搭建，运行
# React## React 和 vue- React 和 vue 同属MVVM框架 - M:model - V:VIEW - VIEWMODEL- React 全部是在js中定义的，不象vue将文件拆分为3部分。- react 不存在模板的说法## 虚拟DOM- 概念 - DOM是浏览器...
2024-01-10
vue和react中循环key的作用
没用过react开发项目，但想来跟vue在循环渲染中key的作用应该原理是一样的。循环在没有使用key的时候，vue会警告。但是这个key的作用是什么。vue官方文档：当 Vue 正在更新使用 v-for 渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue 将不会移动 DOM 元素来匹配数据项...
2024-01-10
